import React, {Component} from 'react'
import {Button} from "antd";

export default class SetStateExtends extends Component {
    state={num:0}
    btnClick=()=>{
        //1.更改状态有两个参数
        // 1)第一个参数可是普通对象也可以是箭头函数
        this.setState((state)=>({num:state.num+1}))
        // 2)更改状态是一个异步操作新的值可以在第二个参数函数体里获取或者生命周期函数
        // this.setState({num:2},()=>{
        //     console.log(this.state.num,'更改后')
        // })
        // console.log(this.state.num,'>>>>更改前')
    }
    componentDidUpdate(prevProps: Readonly<P>, prevState: Readonly<S>, snapshot: SS) {
        console.log(prevProps, prevState,this.state)
    }

    render() {
        return (
            <div>
                <h2>useState使用</h2>
                <Button onClick={this.btnClick}>点我</Button>
                <span>num:{this.state.num}</span>
            </div>
        )
    }
}
